<template>
  <div @click="footerBtn" class="footer-btn">{{ title }}</div>
</template>
  
<script setup lang="ts">
import { defineProps,defineEmits } from 'vue';
defineProps({
  title: {
    type: String,
    default: ''
  },
});
const emit=defineEmits()
const footerBtn=()=>{
  emit('footerBtn');
}
</script>
  
<style scoped lang="scss">
.footer-btn {
  width: 100%;
  height: 24px;
  font-size: 8px;
  line-height: 24px;
  text-align:center;
  color:#fff;
  border-radius:50px;
  background-color: #3b0ff4;
}
</style>
  